﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">

<title>Home</title>

<!--==== bootstrap ====-->
<link href="{{URL::asset('css/bootstrap.min.css')}}" rel="stylesheet">
<!--==== font-awesome ====-->
<link href="{{URL::asset('css/font-awesome.min.css')}}" rel="stylesheet">
<!--==== owl-carousel ====-->
<link href="{{URL::asset('css/owl.carousel.css')}}" rel="stylesheet">
<!--==== magnific-popup ====-->
<link href="{{URL::asset('css/magnific-popup.css')}}" rel="stylesheet">
<!--==== animate css ====-->
<link href="{{URL::asset('css/animate.min.css')}}" rel="stylesheet">

<!--==== style css ====-->
<link href="{{URL::asset('css/style.css')}}" rel="stylesheet">
<!--==== responsive css ====-->
<link href="{{URL::asset('css/responsive.css')}}" rel="stylesheet">

<!--==== jquery ====-->
<script src="{{URL::asset('js/jquery-2.1.4.min.js')}}"></script>

<!--[if lt IE 9]>
<script src="js/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="js/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<!--==== DEMO COLOR PANEL =====-->
<div class="demo_panel_box">
  <div class="color_panel_box">
	 <div class="spiner_button slide_in_out"><i class="fa fa-cog fa-spin"></i></div>
	  <span class="red_color"></span>
	  <span class="blue_color"></span>
	  <span class="yellow_color"></span>
	  <span class="purple_color"></span>
	  <span class="pink_color"></span>
	  <span class="green_color"></span>
  </div>
</div>
<!--==== DEMO COLOR PANEL ===-->


<!--===== Preloader ====-->
<div class="preloader">
	<div class="spinner">
	  <div class="double-bounce1"></div>
	  <div class="double-bounce2"></div>
	</div>
</div>


 <!--=====****************** INTRO SECTION ****************************=====-->
<div id="home" class="intro-section">

 <!--===== HEADER AREA =====-->
	<header class="navbar custom-navbar">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="logo">
					   <div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div>
						<a href="#home">Young</a> <!--== logo ==-->
					</div>
				</div>
				
				<div class="col-md-9 col-sm-9 col-xs-12">
				   <nav class="main-menu">
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav"> <!--== manin menu ==-->
							<li class="active smooth-scroll"><a class="theme-color" href="#home">首页</a></li>
							<li class="smooth-scroll"><a class="theme-color" href="#about">关于</a></li>
							<li class="smooth-scroll"><a class="theme-color" href="#services">服务</a></li>
							<li class="smooth-scroll"><a class="theme-color" href="#portfolio">工作</a></li>
							<li class="smooth-scroll"><a class="theme-color" href="#contact">联系</a></li>
						</ul>
					</div>
					</nav>
				</div>
				
			</div>
		   
		</div>
	</header>
<!--===== END HEADER AREA ======-->
	 
<!--======= WELCOME AREA =======-->
	<div class="welcome-area">
	  <div id="particles-js"></div>
	   <div class="welcome-table">
		   <div class="welcome-cell">
				<div class="container">
					<div class="row">
					   
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="welcome-text text-center">
								<h4>我是 YSir</h4>
								<h1>这个网站的 <span class="theme-color">创建者</span></h1>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<a href="#about" class="scroll-btn banner-icon theme-color"><i class="fa fa-angle-double-down"></i></a>
	</div>
	<!--===== END WELCOME AREA =====-->
	
</div>
<!--=====***************** END INTRO SECTION ***********************=====-->


<!--=====************** ABOUT SECTION ***************=====-->
<section id="about" class="about-section section-padding">
	<div class="container">
		<div class="row">
		   
			<div class="col-md-4">
			   <div class="author-image wow fadeInLeft" data-wow-delay="0.4s">
					<img src="{{URL::asset('images/kid2.jpg')}}" alt="Author Image"> <!--=== author image ===-->
				
				<div class="social-icon theme-color"> <!--=== author social icons ===-->
						<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
						<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
						<a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
						<a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
						<a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>
						<a href="#" target="_blank"><i class="fa fa-youtube-play"></i></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-8">
			   <div class="about-text wow fadeInRight" data-wow-delay="0.4s">
					<h3>你好，欢迎来到这个网站</h3>
					<p>一下子不知道要说什么，你就随便逛逛吧</p>
					<p>如果觉得还可以的话，点个赞吧，嘿嘿</p>
					<a class="btn theme-color" href="#"><i class="fa fa-download"></i> 别点我</a> <a class="scroll-btn btn extra" href="#portfolio">我在做什么</a>
				</div>
			</div>
		</div>
		
	</div>
</section>
<!--=====*********** END ABOUT SECTION **************=====-->


<!--======**************** SERVICES SECTION ******************=======-->
<section id="services" class="services-section section-padding">
	<div class="container">
	   <div class="row">
		<div class="col-md-12">
			<div class="section-title">
				<h2><span class="theme-color">我能做哪些</span> 事儿</h2>
			</div>
		</div>
	</div>
		<div class="row">
			
			
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="single-services text-center wow fadeInUp" data-wow-delay="0.2s">
					<div class="servise-icon">
						<i class="fa fa-pencil-square"></i>
					</div>
					<h4>设计</h4>
					<p>无聊的时候随便做些设计</p>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="single-services text-center wow fadeInUp" data-wow-delay="0.4s">
					<div class="servise-icon">
						<i class="fa fa-codepen"></i>
					</div>
					<h4>想法</h4>
					<p>有时候会开开脑洞</p>
				</div>
			</div>
			
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="single-services last-service text-center wow fadeInUp" data-wow-delay="0.6s">
					<div class="servise-icon">
						<i class="fa fa-laptop"></i>
					</div>
					<h4>开发</h4>
					<p>潜心学习技术开发，一直在努力从未停止过</p>
				</div>
			</div>
			
		</div>
	</div>
</section>
<!--======*************** END SERVICES SECTION ****************=======-->


<!--QUOTES AREA-->
<div id="quotes" class="quotes-area section-padding">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="quotes-content text-center">
				   <h3>如果可以，给我一些建议吧</h3>
					<p>我目前是个学生党</p>
					<a class="scroll-btn btn theme-color" href="#contact">联系我</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!--END QUOTES AREA-->


<!--======********** PORTFOLIO SECTION *********======-->
<section id="portfolio" class="section-padding">
<div class="container">
	<div class="row">
			<div class="col-md-12">
				<div class="section-title">
					<h2><span class="theme-color">我最近的工作</span> php开发</h2>
				</div>
			</div>
		</div>

	<div class="row">
		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item1.jpg')}}" class="image-popup">
			<img src="{{URL::asset('images/portfolio/item1.jpg')}}" alt="">
			<div class="itemHover">
				<div class="work-table">
					<div class="table-cell">
						<div class="hover-content">
							<i class="fa fa-camera"></i>
							<h6>类别 / 身份</h6>
						</div>
					</div>
				</div>
			  </div>
			</a>
		</div>   

		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item2.jpg')}}" class="image-popup">
				<img src="{{URL::asset('images/portfolio/item2.jpg')}}" alt="">
					<div class="itemHover">
					<div class="work-table">
						<div class="table-cell">
							<div class="hover-content">
								<i class="fa fa-camera"></i>
								<h6>类别 / 身份</h6>
							</div>
						</div>
					</div>
				  </div>
			</a>
		</div>  

		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item3.jpg')}}" class="image-popup">
				<img src="{{URL::asset('images/portfolio/item3.jpg')}}" alt="">
			   <div class="itemHover">
					<div class="work-table">
						<div class="table-cell">
							<div class="hover-content">
								<i class="fa fa-camera"></i>
								<h6>类别 / 身份</h6>
							</div>
						</div>
					</div>
				  </div>
			</a>
		</div>  

		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item4.jpg')}}" class="image-popup">
				<img src="{{URL::asset('images/portfolio/item4.jpg')}}" alt="">
				<div class="itemHover">
					<div class="work-table">
						<div class="table-cell">
							<div class="hover-content">
								<i class="fa fa-camera"></i>
								<h6>类别 / 身份</h6>
							</div>
						</div>
					</div>
				  </div>
			</a>
		</div>  
		
		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item5.jpg')}}" class="image-popup">
				<img src="{{URL::asset('images/portfolio/item5.jpg')}}" alt="">
				<div class="itemHover">
					<div class="work-table">
						<div class="table-cell">
							<div class="hover-content">
								<i class="fa fa-camera"></i>
								<h6>类别 / 身份</h6>
							</div>
						</div>
					</div>
				  </div>
			</a>
		</div>  

		<div class="col-md-4 col-sm-6 single-work">
			<a href="{{URL::asset('images/portfolio/item6.jpg')}}" class="image-popup">
				<img src="{{URL::asset('images/portfolio/item6.jpg')}}" alt="">
				<div class="itemHover">
					<div class="work-table">
						<div class="table-cell">
							<div class="hover-content">
								<i class="fa fa-camera"></i>
								<h6>类别 / 身份</h6>
							</div>
						</div>
					</div>
				  </div>
			</a>
		</div>  

	</div><!--/.row-->
</div><!--/.container-->
</section>
<!--======************ END PORTFOLIO SECTION **************======-->


<!--======**************** REVIEW SECTION *****************========-->
<div id="review" class="review-section section-padding">
	<div class="container">
	   <div class="row">
			<div class="col-md-12">
				<div class="section-title">
					<h2><span class="theme-color">这里是我做过的事儿</span> 回顾</h2>
				</div>
			</div>
		</div>
		<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				 <div class="review-full-area">
				   <div class="review-list">
					<div class="single-review"> <!-- start single carousel item -->
						<div class="review-content">
							<p>学过java，做过java项目</p>
						</div>
						<h5 class="author"> 小小程序员, <span>YSir</span></h5>
					</div> <!-- end single carousel item -->
					<div class="single-review"> <!-- start single carousel item -->
						<div class="review-content">
							<p>学过Android，做过一些小应用</p>
						</div>
						<h5 class="author"> 小小程序员,<span>YSir</span></h5>
					</div> <!-- end single carousel item -->
					<div class="single-review"> <!-- start single carousel item -->
						<div class="review-content">
							<p>学过PHP，做过很多项目</p>
						</div>
						<h5 class="author"> 小小程序员,<span>YSir</span></h5>
					</div> <!-- end start single carousel item -->
					<div class="single-review"> <!-- start single carousel item -->
						<div class="review-content">
							<p>搭建过服务器，部署项目，全栈开发</p>
						</div>
						<h5 class="author"> 小小程序员,<span>YSir</span></h5>
					</div> <!-- end start single carousel item -->
				</div>
					</div>
			</div>
			
		</div>
	</div>
</div>
<!--======************* END REVIEW SECTION ***************========-->


<!--======******************** CONTACT INFO SECTION **********************======-->
  <section id="contact" class="contact-area section-padding">
<div class="container">
   <div class="row">
			<div class="col-md-12">
				<div class="section-title">
					<h2><span class="theme-color">给我一些</span> 建议</h2>
				</div>
			</div>
		</div>
	<div class="row">
		<div class="col-md-12 wow fadeInUp" data-wow-delay="0.4s">
		  <!-- Start Contact Form -->
			<form id="contactForm" class="contact-form shake" data-toggle="validator">
			 <div class="row">
				 <div class="col-md-6">
					  <div class="form-group">
				<div class="controls">
				  <input type="text" id="name" class="form-control" placeholder="姓名" required data-error="请填写你的名字">
				  <div class="help-block with-errors"></div>
				</div>
			  </div>
				 </div>
				 <div class="col-md-6">
					 <div class="form-group">
				<div class="controls">
				  <input type="email" class="email form-control" id="email" placeholder="邮箱" required data-error="请填写你的邮箱">
				  <div class="help-block with-errors"></div>
				</div>
			  </div>
				 </div>
			 </div>
			 
			 <div class="row">
				 <div class="col-md-12">
					 <div class="form-group">
				<div class="controls">
				  <input type="text" id="msg_subject" class="form-control" placeholder="主题" required data-error="请填写你的内容主题">
				  <div class="help-block with-errors"></div>
				</div>
			  </div>
				 </div>
			 </div>
			 
			 <div class="row">
				 <div class="col-md-12">
					 <div class="form-group">
				<div class="controls">
				  <textarea id="message" rows="7" placeholder="内容" class="form-control" required data-error="请填写你的内容"></textarea>
				  <div class="help-block with-errors"></div>
				</div>  
			  </div>
				 </div>
			 </div>
			 <div class="row">
				 <div class="col-md-12">
					 <button type="submit" id="submit" class="btn btn-effect theme-color"><i class="fa fa-check"></i> 发送</button>
				 </div>
			 </div>
			 
			<div class="row">
				<div class="col-md-12">
					<div id="msgSubmit" class="h3 text-center hidden"></div> 
			  		<div class="clearfix"></div>   
				</div>
			</div>
			  

			</form>   
			<div class="row">
				<div class="col-md-12" style="text-align:center;">
					<div class="clearfix"> 黔ICP备17005685号-1 - All rights reserved. </div>
				</div>
			</div>  
			<!-- End Contact Form -->
		</div>
	</div>
</div>
</section>
<!--======**************** END CONTACT INFO SECTION ********************======-->


<!--======******************* FOOTER SECTION ******************======-->

<!--======******************* END FOOTER SECTION ***************======-->


<!--==== plugins js ====-->
<script src="{{URL::asset('js/plugins.js')}}"></script>
<!--==== magnific-popup-options js ====-->
<script src="{{URL::asset('js/magnific-popup-options.js')}}"></script>
<!--==== validator js ====-->
<script src="{{URL::asset('js/validator.min.js')}}"></script>
<!--==== particles js ====-->
<script src="{{URL::asset('js/particles.min.js')}}"></script>
<!--==== app js ====-->
<script src="{{URL::asset('js/app.js')}}"></script>
<!--==== app js ====-->
<script src="{{URL::asset('js/wow-1.3.0.min.js')}}"></script>
<!--==== main js ====-->
<script src="{{URL::asset('js/main.js')}}"></script>
</body>
</html>